.money .row_zhi {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px !important; }

.money .row_first {
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }

.money .row_time {
  height: 60px !important;
  border: none; }

.money .title-income-info {
  color: #acb0ab; }

.money .title-income {
  font-size: 18px;
  color: red; }

.money .money-head {
  margin: 10px 0px;
  background-image: url("./imgs/bg.png");
  background-size: 100% 100%; }
  .money .money-head .money-infos {
    margin-top: 10px;
    margin-bottom: 10px; }
    .money .money-head .money-infos div {
      color: #fff; }
      .money .money-head .money-infos div h4 {
        font-weight: bolder; }
      .money .money-head .money-infos div button {
        padding: 3px 15px;
        border: 1px solid #fff !important;
        border-radius: 20px; }
        .money .money-head .money-infos div button:first-child {
          color: #58c676;
          background-color: #fff; }
        .money .money-head .money-infos div button:last-child {
          color: #fff;
          background-color: #58c676; }
  .money .money-head .money-tips {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 15px 0; }
    .money .money-head .money-tips div span {
      color: #fff;
      opacity: 1;
      font-size: 14px; }

@media screen and (max-width: 768px) {
  .money .money-head {
    background-size: cover; }
    .money .money-head .money-infos div button {
      margin-top: 0px; } }

.money .left {
  text-align: left !important; }

.money .right {
  text-align: right !important; }

.money .title {
  margin-bottom: 10px;
  padding: 30px;
  background-color: #58c676;
  color: #fff; }
  .money .title .title-btns {
    margin-top: 30px; }
    .money .title .title-btns button {
      margin-bottom: 20px;
      border: 1px solid #fff !important; }
      .money .title .title-btns button:first-child {
        margin-left: 15px; }
      .money .title .title-btns button:hover {
        background-color: #58c676; }

.money .content .panel {
  border-radius: 0;
  border-color: #eef0f1; }
  .money .content .panel .panel-heading {
    padding: 10px 15px; }
    .money .content .panel .panel-heading .nav > li > a {
      font-size: 17px; }
  .money .content .panel td {
    padding-top: 23px;
    padding-bottom: 20px;
    text-align: center; }
  .money .content .panel .first-td {
    padding-top: 10px;
    text-align: left;
    padding-left: 30px; }
    .money .content .panel .first-td .active {
      color: #58c676; }
    .money .content .panel .first-td .time {
      color: #acb0ab; }
  .money .content .panel tr.moneyhover:hover {
    cursor: pointer; }
    .money .content .panel tr.moneyhover:hover td:nth-child(3) {
      color: #58c676;
      text-decoration: underline; }
  .money .content .panel .price {
    color: red; }
  .money .content .panel .panel-heading {
    background-color: #fff; }
    .money .content .panel .panel-heading .nav-pills .line {
      height: 4px;
      width: 0;
      align-self: flex-start;
      background-color: #58c676;
      transition: width 0.4s; }
    .money .content .panel .panel-heading .nav-pills li:hover > a,
    .money .content .panel .panel-heading .nav-pills li.active > a {
      color: #3c4040;
      background-color: #fff; }
      .money .content .panel .panel-heading .nav-pills li:hover > a .line,
      .money .content .panel .panel-heading .nav-pills li.active > a .line {
        width: 100%; }

@media screen and (max-width: 768px) {
  .money .title {
    padding: 15px; }
    .money .title .title-btns {
      margin-top: 5px; }
  .money .content .panel .panel-heading .nav > li a {
    font-size: 14px;
    padding: 10px; } }
